@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f2f2f2;}
html { padding:0; margin:0;}
/* main */
.main { margin:0; padding:0;}
.main_resize { margin:0 auto; padding:0 10px; width:958px; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; background:#fff;}
.main_resize h1{font:normal 22px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:0; margin:0;}
.main_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 5px; margin:0;}
.main_resize h2 span { font:  italic 11px Arial, Helvetica, sans-serif; color:#b1b1b1;}
.main_resize h3 { font:normal 44px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:20px 5px; margin:0; text-align:left;}
.main_resize h3 a{font-size: 14px;font-weight: bold;}
.main_resize p { font:normal 14px Arial, Helvetica, sans-serif; color:#606060; line-height:1.8em; padding:5px; margin:0;}
.main_resize p span { color:#b1b1b1; font: italic 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.main_resize p span.red{color:red;font: italic 16px Arial, Helvetica, sans-serif;}
.main_resize p span.green{color:green;font: italic 16px Arial, Helvetica, sans-serif;}
.main_resize a { color: #2b6985;text-decoration:none;}
.main_resize a:hover{ color:#000; text-decoration:none;}
.main_resize a img{color:white;text-decoration:none;}
.main_resize img { border:none; margin:5px; padding:0;}
.main_resize ul.serv { list-style:none; margin:10px 0 10px 5px; padding:0; width:230px; float:left;}
.main_resize li.serv { padding:5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#2d75c0;}
.main_resize img.floated { float:left; margin:5px 10px 5px 0; padding:0;}
.main_left { width:180px; float:left; padding:0 0 0 10px; margin:35px 0;}
.main_right { width:750px; float:left; padding:15px 0 15px 15px; margin:35px 0;}
.main_right_admin {width:100%; float:left; padding:0; margin:0;}
.blog { width:280px; float:left; padding:0; margin:10px 30px 10px 10px;}
.blog2 { width:215px; float:left; padding:0; margin:10px 10px 30px 0;}
/* header */
.header { padding:0 0 10px 0; margin:0 auto; border-bottom:1px solid #dfdfdf;}
/* logo */
.logo {padding:0; margin:0; width:232px; float:left;}
.logo img { margin:10px 30px; padding:0;}


/*menu*/
.menu { width:100%; padding:10px 0 0 0; margin:0; float:left;   }
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { display:inline;  margin:0; padding:0; border:0; background:none;}
.menu ul li a {  display:inline; margin:0; padding:11px; color:#5a5a5a; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform: uppercase; }
.menu ul li a:hover { background: #dfdfdf;-moz-border-radius: 6px 6px 0 0;}
.menu ul li a.active {  background: #dfdfdf;}
/* click */
.messagebox { min-width:100%; min-height:20px; float:right; padding:0; margin:0; text-align:right; text-transform: uppercase;}
.messagebox p {padding:0; font: normal 13px Arial, Helvetica, sans-serif;  margin:5px; color: teal;}
#alert { color:red; min-width:100%; min-height:20px; font: normal 13px Arial, Helvetica, sans-serif; padding:0; margin:0;}
/* slider_main */
.slider_main { margin:0 auto; padding:0;}
.slider_main .leftt { float:left; width:252px; padding:0; margin:0;}
.slider_main .leftt h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#616161; padding:71px 0 0 24px; margin:0; line-height:1.2em;}
.slider_main .leftt p { font: normal 12px Arial, Helvetica, sans-serif; color:#818181; padding:10px 0 15px 24px; margin:0; line-height:1.8em;}
.slider_main .leftt img { float:left; margin:0; padding:0 0 0 24px;}
/* search */
.search { padding:0; margin:0 auto 30px auto;}
.search form { display:block; float:left; padding:5px; margin:0; background:#fafafa;}
.search p { font: bold 11px Arial, Helvetica, sans-serif; color:#959595; padding:7px 0; height:16px; margin:0; float:left; line-height:14px;}
.search span { display:block; float:left; background:#f6f6f6; border:1px solid #eaeaea; width:150px; padding:0 5px; height:30px; margin:0 3px;}
.search form .keywords { line-height:16px; float:left; border:0; width:150px; padding:7px 0; height:16px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;}
.search form .button { float:left; margin:0; padding:0;}
/* right_text */
.right_text { border-top:1px solid #dadada; background:#ececec; padding:0; margin:0 0 30px 0;}
.right_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:15px; margin:0;}

/*************footer**********/
.footer {padding:5px 0;  margin:0;}
.footer_resize { width:958px; margin:0 auto; padding:10px 10px; background:#202020;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#a2a2a2;}
.footer p.center { font:normal 11px  Arial, Helvetica, sans-serif; color:#a2a2a2; text-align: center;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#2d75c0; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:8px 0 0 0; float:right;} 
.footer p.left { text-align:left; width:550px; margin:0; padding:8px 0 0 5px; float:left;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {  clear:both; border-top:1px solid #f2f2f2; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}

/* Slider */
#slider {  width:648px; padding:10px 0 0 0; margin:10px; height:330px; float:right; }
#slideshow { margin:0; width:653px;  height: 346px; }
.slider-item { height: 346px; margin:0 auto; padding:0; }
.slider_content_inner img { border: none; margin:0 auto; }
.controls-center { width: 678px; margin:0 auto; padding:0; }
.controls-center h2 {font: normal 24px Arial, Helvetica, sans-serif; color:#616161; padding:30px 0 0 70px; margin:0; margin-bottom: 10px;line-height:1.2em;}
.controls-center h3 { text-align:right; font: normal 36px Arial, Helvetica, sans-serif; color:#111; padding:10px 20px 15px 0; margin:0;}
.controls-center p {width:600px; float:left;  font: normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:3px 0 0 70px; margin:0;}
#slider_controls { float: right; margin:0;  width:90px;}
#slider_controls ul { margin:0 auto; padding:0; width:74px;}
#slider_controls ul li { background:none; margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('http://hairstyleweb.altervista.org/dtml/images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('http://hairstyleweb.altervista.org/dtml/images/tabs_1.gif') no-repeat center center; }

.access .text {font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none;}
.access {float:right; width:450px; height:80px; border:none; padding:5px;text-align: right;}
.access fieldset {padding:0; width:auto; float:left; border:none; }
.access fieldset label{width:auto;}
.access input { width:150px; color:black;margin: auto;}
.access div {padding-top:5px; float:right;}
.access div.float_right{float:right;margin-right: 30px;}
.access .login{
    width:68px;
    height:22px;
    -moz-border-radius: 6px;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    margin: 5px;
    border:medium none;
    padding: 0 3px;
    float:right;
    text-transform: capitalize;
}

.access .login:hover{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background-color: #d3d3d3;
    border:medium none;
}

.listriep li {padding-top: 10px; font:normal 16px Arial, Helvetica, sans-serif; text-decoration:none; color:#7e7e7e; text-transform: uppercase;}
.listriep input {width:60%; border:none; padding-top: 8px; font:italic 15px Arial, Helvetica, sans-serif; text-decoration:none; color:black; text-transform: uppercase;}
.listriep span {width:60%; border:none; padding-top: 8px; font:italic 15px Arial, Helvetica, sans-serif; text-decoration:none; color:black; text-transform: uppercase;}
.formreg {font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; color:#7e7e7e; text-transform: uppercase; }

.check {
    width:20px;
}

.admin table  { border-collapse:collapse;
                font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
                font-size:12px;
                margin:20px;
                text-align:left;
                text-transform: lowercase;
                /*text-transform: capitalize;*/
                width:100%;
                padding-top:30px;
                margin: 0; }


.admin th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
    color:  black;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 3px 3px 3px 3px;
    background: silver;
}
.admin td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    padding:3px;
    color: #6D929B;
}

.admin td.alt {
    color: #6D929B;
    background-color: #d3d3d3;
}

.admin .num {
    width:10px;
}

.admin .vismod {
    width:30px;
}

#tfoot {
    text-align: center;
    border:none;
}

#orario input{
    width: 45px;
    padding:0;
    margin-top: 0;
    float:none;
}

#orario #giorno_chiusura{
    width: 120px;
}

#orario fieldset {
    margin:20px;
    padding: 5px;
}

#orario select {
    margin:0;
}

.tooltip{text-transform: none;}

.to .tooltip {
    display:none;
    overflow:hidden;
    padding:0;
    margin-left: 1px;
    border: none;
    text-transform: lowercase;
}

.to:hover .tooltip {
    display: block;
}

.to:hover .tooltip div{
    position:absolute;
    background:#dfdfdf;
    min-width:100px;
    max-width:200px;
}



.consumer {
    font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
}

.consumer .hidden {
    display: none;
}

.consumer select {
    text-transform:uppercase;
    font-size: 12px;
    min-width: 60px;
}

.consumer p{
    font-size: 13px;
    font-style: italic;
}

.consumer table {
                 border-collapse:collapse;
                 font-size:12px;
                 text-align:left;
                 text-transform: lowercase;
                 /*text-transform: capitalize;*/
                 margin:10px;
                 margin-left: 0;
                 }

.consumer thead th.topleft {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#dfdfdf url(http://hairstyleweb.altervista.org/dtml/images/left.png) no-repeat scroll left -1px;
}

.consumer thead th.topright {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#dfdfdf url(http://hairstyleweb.altervista.org/dtml/images/right.png) no-repeat scroll right -1px;
}


.consumer th {
    font-size:14px;
    font-weight:normal;
    padding:12px;
    background:#dfdfdf none repeat scroll 0 0;
    color:#7e7e7e;
    font-size:13px;
    font-weight:normal;
    padding:8px;
}

.consumer td {
    text-transform: capitalize;
    border-top:1px solid #FFFFFF;
    color:#666699;
    padding:9px 12px;
        border-right-style: dotted;
        border-right-width: 1px;
}

.consumer td.right {
    border-right:none;
}

.consumer tbody td {
    background:url(http://hairstyleweb.altervista.org/dtml/images/back.png) repeat scroll 0 0 transparent;
}

.consumer .sel_ut label {
        font-size: 12px;
        width: 150px;
        float: left;
}
.consumer .sel_ut select {

        width: 186px;

}

.consumer .sel_ut div {
        margin:5px;
        
}

.consumer .check {
    width:20px;
}

* html tbody td {
    background:none repeat scroll 0 0 transparent;
}

.consumer tbody tr:hover td{
    background:#dfdfdf;
    color:#333399;
}

hr {
    margin-top:40px;
}

.to .select{width:50px;}
.to .prezzo{font-weight: bold;}
.tooltip{text-transform: none;}
.to:hover .tooltip {
    display: block;

}

.to:hover .tooltip div{
    position:absolute;
    background:#dfdfdf;
    min-width:100px;
    max-width:200px;
}

/*th {border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; border-style: inset inset inset inset; border-color: gray gray gray gray; background-color: white; -moz-border-radius: 0px 0px 0px 0px; }*/
/*td { color: black; border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; border-style: inset inset inset inset; border-color: gray gray gray gray; background-color: white; -moz-border-radius: 0px 0px 0px 0px; }*/

.operation {padding: 10px 0;text-transform: none;}

.noaccess h3 {text-align: center;}
.noaccess {text-align: center;}

.elim_ut input {visibility: hidden;}

.tabella_orari {
    min-width:70px;
}
.tabella_orari .disabled{
    text-decoration: line-through;
    color:gray;
}

#pan_pren{
    font-family:   Arial, Helvetica, sans-serif; text-decoration:none; color:#959595;
}

#pan_pren p{

    font-size: 13px;
    font-weight: bolder;
}

#pan_pren p.date{
    border-bottom-style: inset;
}

#pan_pren div{
    background-color: #e8e8e8;
    float:left;
    padding:0;
    margin:1px;
}
#pan_pren div.clr{
    clear:both;
    padding:0;
    margin:0;
    float:none;
    background:none;
}


#pan_pren div.alt{
    background-color: #d3d3d3;
}

#pan_pren ul{
    margin: 0;
    padding:0;
    list-style-type: none;
    list-style-position: inside;
    float:left;
    color:black;

}

#pan_pren li{
    min-height: 25px;
    font-size:12px;
    margin-top:3px;
    margin-left:2.5px;
    margin-right:2.5px;
    color:black;
}

#pan_pren ul:hover {
    background-color:threedshadow;
}

#pan_pren li:hover {
    background-color:#b1feb1;
}
#pan_pren button{
    margin: 10px;
}


/* Attributi form */
fieldset{border:none;font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; color:#7e7e7e;}
fieldset ul, fieldset li{border:0; margin:0; padding:0; list-style:none;line-height: 3.5em;}
fieldset li{clear:both;list-style:none;}
fieldset input{float:left;width: 300px;margin-top: 0.7em;}
fieldset input[type=checkbox], fieldset input[type=radio]{margin-top:0.9em;width:auto;}
input[type=submit], input[type=button], button{ -moz-background-clip:border;
                                                -moz-background-inline-policy:continuous;
                                                -moz-background-origin:padding;
                                                -moz-border-radius:6px 6px 6px 6px;
                                                border:medium none;
                                                height:22px;
                                                margin:5px;
                                                padding: 0 3px;
                                                min-width:70px;
                                                width: auto;
                                                text-transform: capitalize; }
input[type=submit]:hover, input[type=button]:hover, button:hover{ -moz-background-clip:border;
                                                -moz-background-inline-policy:continuous;
                                                -moz-background-origin:padding;
                                                -moz-border-radius:6px 6px 6px 6px;
                                                border:medium none;
                                                background-color: #d3d3d3;
                                                height:22px;
                                                margin:5px;
                                                padding: 0 3px;
                                                min-width:70px;
                                                width: auto; }
fieldset label{width:155px;float:left;}
fieldset label.long{width:200px;float:left;}
fieldset li .red{color:red;}
fieldset li .float_left{float:left;}
fieldset li small{line-height: normal;}
fieldset select{margin-top: 1em;}
fieldset input.quantita{width: 30px;}
fieldset input.prezzo{width: 45px; text-align: right;}
fieldset input.data{width: 80px;}
fieldset input.cod_fis{width: 130px;}
fieldset input.provincia{width: 25px;}
fieldset input.telefono{width: 85px;}
fieldset input.cap{width: 50px;}

.gest_marca {float:left;margin-right: 10px;}
.gest_categorie {float:right}
.marca_cat table {width:400px;}
.subcateg h5{margin-bottom: 5px;font-style: italic;}

.red{color:red;}
.green{color: green;}
.float_right{float:right;}
.float_left{float:left;}

#scheda_prodotto li{list-style-type: none;}
#scheda_prodotto #img_prodotto{margin: 30px 30px;margin-left: auto; width: 240px;text-align: center;}
#scheda_prodotto a.marca{font-size: 24px;}

/* pulsante aggiungi al carrello */
#agg_carrello{background-image:url('http://hairstyleweb.altervista.org/dtml/images/agg_carrello.jpg');
                width:190px;
                height: 45px;
                border:none;
                cursor: pointer;
                background-repeat:no-repeat;
                background-color: transparent;}

#agg_carrello_mini{background-image:url('http://hairstyleweb.altervista.org/dtml/images/add_to_shopping_cart2.png');
                width:50px;
                height: 49px;
                border:none;
                cursor: pointer;
                background-repeat:no-repeat;
                background-color: transparent;}

.button_carrello{
    visibility:hidden;
    width:190px;
    height: 45px;
}

/* schermata del prodotto non disponibile */
#prodotto_nondisp{font:normal 44px Arial, Helvetica, sans-serif; color:black; padding:20px 5px; margin:0; text-align:center;}

#img_prodotto{float:left;}
#prodotto_right{float:left;width:400px;}
#prodotto_right ul{padding-left:5px;border-left: solid #DDDDDD 1px;}

#scheda_categoria .inline h3{display:inline;}
#scheda_categoria hr{margin:15px 0;}
#desc_marca .descrizione_marca{width:100%;float:left;width:570px;border-left: solid #DDDDDD 1px;padding-left: 5px;}
#desc_marca h3{padding:10px 5px;padding-bottom: 0;}
#desc_marca p{padding:0;}
#desc_marca #img_prodotto{width:130px;height: 130px;display:table;margin-right:15px;}
#desc_marca #img_prodotto div{display:table-cell;vertical-align: middle;text-align: center;}
#desc_marca #img_prodotto img{max-width:120px;max-height:120px;}

#categoriee{display:block;background-color: #ddd;-moz-border-radius: 25px;min-height:10px;padding:5px; padding-left: 15px;}
#categoriee ul{list-style: none;margin:0;}
#categoriee ul li{display: inline;margin:10px;}
#categoriee ul li a{text-transform: capitalize;color: #2b6985;}
#categoriee ul li a:hover {color:#000;}
#categoriee ul li a.active {color:#000;}

/* riquadro che mostra una breve descrizione del prodotto */
#riassunto_prodotti { overflow:hidden; width:100%;text-align: center;}
#riassunto_prodotti div{display:block;}

#riassunto_prodotti ul{list-style: none; margin-left: 0;padding-left: 20px;}
#riassunto_prodotti ul li {
    position:relative;
    border: solid #dfdfdf;
    -moz-border-radius: 8px;
    float: left;
    margin-top: 0;
    height:390px;
    width:202px;
    padding:6px;
    margin:5px;
    text-align: left;
}
#riassunto_prodotti ul li .inline{
    position:absolute;
    bottom:12px;
    left:5px;
}
#riassunto_prodotti ul li .agg_carrello_mini{
    position:absolute;
    bottom:0;
    right:0;
    background-image:url('http://hairstyleweb.altervista.org/dtml/images/add_to_shopping_cart2.png');
    min-width: 0;
    width:50px;
    height: 49px;
    border:none;
    cursor: pointer;
    background-repeat:no-repeat;
    background-color: transparent;}
#riassunto_prodotti ul li .agg_carrello_mini span{
    display:none;
}
#riassunto_prodotti h5 a, #riassunto_prodotti span.prezzo{
    text-transform: capitalize;
    color: #2b6985;
    font-size:12px;
    font-weight:bold;
}
#riassunto_prodotti span{
    text-transform: capitalize;
    font-size:12px;
    font-weight:bold;}
#riassunto_prodotti h5{margin-bottom: 1px;margin-top: 4px;}
#riassunto_prodotti h5 a:hover{ color:#000; text-decoration:none;}

#riassunto_prodotti p.descrizione {
    color: #9b9a97;
    font-size:12px;
}
#riassunto_prodotti a img {
    float:none;
    display: block;
    background-color: transparent;
    margin: 0 auto;
    max-width: 180px;
    max-height: 175px;
}

#riassunto_prodotti .mini_img{
    height:180px;
    display:table;
    text-align: center;
    width:100%;
}

#riassunto_prodotti .mini_img a{
    display: table-cell;
    vertical-align: middle;
}
#riassunto_prodotti .inline h5{display:inline;}

/*menu nella parte dei prodotti*/
#catalogo{ background-color: #dfdfdf;width:100%; padding:0; margin:0;display:block;z-index:10;position:relative;height: 30px;}
#catalogo span{cursor:default; display:inline; margin:5px; padding:0; color:#000000; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform: uppercase;}
#catalogo ul { padding:5px;padding-left: 0; margin:0; list-style:none; border:0;height: auto;display:table-cell;vertical-align: middle;}
#catalogo ul li {display:inline;padding:7px;}
#catalogo ul li:hover{background-color: teal;-moz-border-radius: 6px 6px 6px 6px;color:#dfdfdf;}
#catalogo ul ul {position:absolute;top:30px;left:0;visibility: hidden;padding:11px;margin: 0;}
#catalogo ul li:hover ul{visibility:visible;}
#catalogo ul li ul{padding:0; background-color:white; display:block;width:100%;height: auto; border-bottom: teal solid 1px;}
#catalogo ul li ul li{padding:0;}
#catalogo ul li a span{display:none;}
#catalogo ul li a {display:block;float:left;margin:0;padding:11px;color:black;font:normal 11px Arial, Helvetica, sans-serif;text-decoration:none;text-transform: uppercase;}
#catalogo ul li a:hover {background: teal; color: #dfdfdf; -moz-border-radius: 6px 6px;}
#catalogo ul li a.active {background: #dfdfdf;color:#000;}

/* pagina catalogo */
.des_catalogo img{float:right; margin:2px; margin-left: 20px;}
.des_catalogo p{text-align: justify;}
.catalogo{
    float:left;
    border: solid #dfdfdf;
    -moz-border-radius: 8px;
    height:auto;
    width:100%;
    padding:0;
    margin:10px 0;
}
.catalogo ul{list-style: none;margin:0;}
.catalogo ul li{width:50%;float:left;margin:5px 0;text-align: center;margin-right:0;}
.catalogo ul li a{text-transform: capitalize;color: #2b6985;}
.catalogo ul li a span{color:black;font-style: italic;}
.catalogo ul li a:hover{display:block;width:100%;background-color: #cccccc;color:#000;}

